<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <style>
        form{
            width: 500px;
            margin: 0 auto;
        }
        h2{
            text-align: center;
        }
        fieldset{
            text-align: center;
        }
        legend{
            text-align: left;
        }
    </style>
</head>
<body>
    <form action="#" method="post">
        <caption><h2>用户注册</h2></caption>
        <fieldset>
            <legend>身份验证-必填信息</legend>
            <table border="0" cellspacing="0" cellpadding="0" " align="center">
            <tr>
                <td>用户名</td>
                <td><input type="text" name="username" id="username" placeholder="请输入用户名"></td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="password" name="password" id="password" placeholder="请输入密码"></td>
            </tr>
            <tr>
                <td>密码确认</td>
                <td><input type="password" name="password" id="password" placeholder="请再次输入密码"></td>
            </tr>
            </table>
        </fieldset>
        <fieldset>
            <legend>身份信息-选填信息</legend>
            <table border="0" cellspacing="0" cellpadding="0" " align="center">
            <tr>
                <td>所在城市</td>
                <td><input type="text" name="name" id="name" placeholder="请输入所在城市"></td>
            </tr>
            <tr>
                <td>工作单位</td>
                <td><input type="tel" name="phone" id="phone" placeholder="请输入工作单位"></td>
            </tr>
            <tr>
                <td>家庭住址</td>
                <td><input type="email" name="email" id="email" placeholder="请输入家庭住址"></td>
            </tr>
            </table>
        </fieldset>
        <fieldset>
            <legend>其他信息-选填信息</legend>
            性别:
            <select name="sex">
                <option value="male">男孩</option>
                <option value="female">女孩</option>
            </select>
            <br/>
            <label for="hobby">爱好：</label>
            <input type="checkbox" name="hobby" id="hobby1" value="hobby1">音乐
            <input type="checkbox" name="hobby" id="hobby2" value="hobby2">体育
            <input type="checkbox" name="hobby" id="hobby3" value="hobby3">计算机<br/>
            <label for="introduce">喜欢的公司：</label>
            <input type="radio" name="workplace" id="workplace1" value="workplace1">百度
            <input type="radio" name="workplace" id="workplace2" value="workplace2">微软中国
            <input type="radio" name="workplace" id="workplace3" value="workplace3">谷歌中国<br/>
            <label for="introduce">个人简介：</label><br/>
            <textarea name="introduce" id="introduce" cols="30" rows="10" placeholder="请输入个人简介"></textarea><br/>
        </fieldset>
        <button type="submit">提交您的资料</button>
        <button type="reset">重新填写资料</button>
    </form>
</body>
</html>


    